<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="shencai style">
    <title>L-L-05</title>
    <link rel="stylesheet" href="../iview/styles/iview.css">
    <style type="text/css">
        .container {
            padding: 10px 40px;
        }
    </style>
</head>
<body>
<div class="container">
    <h1>
        新增废水排放口
    </h1>

    <div class="ivu-row">
        <div class="ivu-alert ivu-alert-warning ivu-alert-with-icon ivu-alert-with-banner">
            <ul>
                <li>1、按照排放口标志牌实际填写，排放口编号。</li>
                <li>2、排放口状态为“启用”时，其他跟排放口相关的信息才可以填报。</li>
            </ul>
        </div>
    </div>

    <!--步骤-->
    <div class="ivu-row" style="margin: 20px">
        <div class=" ivu-col ivu-col-span-22 ivu-col-offset-2">
            <div class="ivu-steps ivu-steps-horizontal">
                <div class="ivu-steps-item ivu-steps-status-finish ivu-col ivu-col-span-6">
                    <div class="ivu-steps-tail"><i></i></div>
                    <div class="ivu-steps-head">
                        <div class="ivu-steps-head-inner"><span
                                class="ivu-steps-icon ivu-icon ivu-icon-ios-checkmark-empty"></span></div>
                    </div>
                    <div class="ivu-steps-main">
                        <div class="ivu-steps-title">已完成</div>
                        <div class="ivu-steps-content">这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息</div>
                    </div>
                </div>
                <div class="ivu-steps-item ivu-steps-status-process ivu-col ivu-col-span-6">
                    <div class="ivu-steps-tail"><i></i></div>
                    <div class="ivu-steps-head">
                        <div class="ivu-steps-head-inner"><span>2</span></div>
                    </div>
                    <div class="ivu-steps-main">
                        <div class="ivu-steps-title">进行中</div>
                        <div class="ivu-steps-content">这里是该步骤的描述信息</div>
                    </div>
                </div>
                <div class="ivu-steps-item ivu-steps-status-wait ivu-col ivu-col-span-6">
                    <div class="ivu-steps-tail"><i></i></div>
                    <div class="ivu-steps-head">
                        <div class="ivu-steps-head-inner"><span>3</span></div>
                    </div>
                    <div class="ivu-steps-main">
                        <div class="ivu-steps-title">待进行</div>
                        <div class="ivu-steps-content">这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息</div>
                    </div>
                </div>
                <div class="ivu-steps-item ivu-steps-status-wait ivu-col ivu-col-span-6">
                    <div class="ivu-steps-tail"><i></i></div>
                    <div class="ivu-steps-head">
                        <div class="ivu-steps-head-inner"><span>4</span></div>
                    </div>
                    <div class="ivu-steps-main">
                        <div class="ivu-steps-title">待进行</div>
                        <div class="ivu-steps-content">这里是该步骤的描述信息</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--表单-->
    <form class="ivu-form ivu-form-label-right">
        <!--排放口名称-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">排放口名称：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请填写排放口名称" class="ivu-input">
                </div>
            </div>
        </div>

        <!--排放口去向-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">排放口去向：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请选择排放口去向" class="ivu-input">
                </div>
            </div>
        </div>

        <!--排放口编号-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">排放口编号：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请填写排放口编号" class="ivu-input">
                </div>
            </div>
        </div>

        <!--标志牌安装形式-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">标志牌安装形式：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请选择标志牌安装形式" class="ivu-input">
                </div>
            </div>
        </div>

        <!--设计值流速-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">设计值流速：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请填写设计值流速" class="ivu-input">
                </div>
            </div>
        </div>

        <!--排放口规律-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">排放口规律：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-input-wrapper ivu-input-type">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input type="text" placeholder="请选择排放口规律" class="ivu-input">
                </div>
            </div>
        </div>

        <!--排放口状态-->
        <div class="ivu-form-item ivu-form-item-required">
            <label class="ivu-form-item-label ivu-col ivu-col-span-3">排放口状态：</label>
            <div class="ivu-form-item-content ivu-col ivu-col-span-12">
                <div class="ivu-radio-group">
                    <label class="ivu-radio-wrapper ivu-radio-group-item">
                        <span class="ivu-radio">
                            <span class="ivu-radio-inner"></span>
                            <input type="radio" class="ivu-radio-input" checked="checked"></span>
                        启用
                    </label>
                    <label class="ivu-radio-wrapper ivu-radio-group-item">
                        <span class="ivu-radio">
                            <span class="ivu-radio-inner"></span>
                            <input type="radio" class="ivu-radio-input"></span>
                        停用
                    </label>
                </div>
            </div>
        </div>

        <div class="ivu-form-item">
            <div class="ivu-form-item-content ivu-col ivu-col-span-12 ivu-col-offset-3">
                <button type="button" class="ivu-btn ivu-btn-primary">
                    <span>提交</span>
                </button>
                <button type="button" class="ivu-btn ivu-btn-ghost" style="margin-left: 8px;">
                    <span>取消</span>
                </button>
                <button type="button" class="ivu-btn ivu-btn-ghost" style="margin-left: 8px;">
                    <span>打印</span>
                </button>
            </div>
        </div>
    </form>

</div>
</body>
</html>